.warp1{

  height: 33.33vw;
}
.dt-menu{
  margin:auto;
  margin-top: -12vw;
  width: 92vw;
  border-radius: 2.5vw;
  padding: 5.6vw 5.6vw;
  display: flex;
  background-color: #ffffff;
  justify-content: space-around;
  a{
    font-size: 3.2vw;
    color: #666666;
    img{
      width: 7vw;
      height: 7vw;
    }
    p{
      margin-top: 2vw;
      text-align: center;
    }
  }


}

.dt-list{
  padding-bottom: 15vw;
  box-sizing: border-box;
  width: 92vw;
  margin:auto;
  margin-top: 3vw;



  &>div{
    padding:  4vw 4vw;
    background-color: #ffffff;
    margin-bottom: 3vw;
    border-radius: 1vw;
  }
  .dt-list-top{

    display: flex;
    justify-content: space-between;
    .dt-list-top-l{
      display: flex;
      .dt-list-top-tx{
        height: 9.2vw;
        width: 9.2vw;
        border-radius: 50%;
        overflow: hidden;

        img{
          height: 100%;
          width: 100%;
        }


      }
      .dt-list-p1{
        color: #84b8fc;
        font-size: 2.8vw;
      }
      .dt-list-p2{
        font-size: 2.27vw;
        color: #cccccc;
      }
    }
    .dt-list-p3{
      width: 10.4vw;
      height: 4.8vw;
      line-height: 4.8vw;
      text-align: center;
      background-color: #85b8fd;
      color: #ffffff;
      font-size: 2.8vw;
      border-radius: 1vw;
    }
  }
  .dt-list-mid{
    p{
      margin:2vw 0;
      font-size: 3.2vw;
      color: #959595;
    }
    a{
      border-radius: 2.5vw;
      overflow: hidden;
    }
    img{
      width: 84vw;
      height: 36.67vw;
    }
  }
  .dt-list-but{
    margin-top: 2vw;
    display: flex;
    justify-content: space-around;
    a{
      display: flex;
      align-items: center;
      span{
        line-height: 3.7vw;
      }

      img{
        width: 3.7vw;
        height: 3.7vw;
      }
      width: 17.2vw;
      border-right: 1px solid #cccccc;
    }
    & a:nth-last-child(1){
      border-right: none;
    }

  }
}